<template>
<view>
	<image class="bgimg" mode="widthFix" src=""></image>
	<view class="group-box">
		<image class="logo" src="@/static/logo.png"></image>
		<view class="bank">
			<view class="sup">银河期货</view>
			<view class="sub">
				<text>一对一服务</text>
				<text>国企背景</text>
				<text>国企背景</text>
			</view>
		</view>
		<input type="number" maxlength="11" placeholder-class="pipt" class="ipt" placeholder="请输入11位手机号码">
		<view class="kh-btn">立即开户</view>
	</view>
</view>
</template>

<script>
export default {
	data() {
		return {
			
		};
	}
}
</script>

<style lang="scss">
page{
	background-color: #FFA200;
}
.bgimg{
	width: 100%;
}	
.group-box{
	position: absolute;
	left:50%;
	transform: translateX(-50%);
	top:532rpx;
	background-color: #fff;
	width: 590rpx;
	padding:20rpx 20rpx 40rpx;
	.logo{
		width:64rpx;height:64rpx;
		display: block;
		margin:0 auto;
	}
	.bank{
		margin-top:14rpx;
		text-align: center;
		.sup{
			font-size: 32rpx;
			font-weight: bold;
			color: rgba(0,0,0,0.8);
			line-height: 44rpx;
		}
		.sub{
			font-size: 20rpx;
			color: rgba(0,0,0,0.4);
			margin-top:4rpx;
			& text{
				padding-right:16rpx;
			}
			& text:last-child{
				padding-right:0;
			}
		}
	}
	.ipt{
		height: 78rpx;
		background: #F4F5F7;
		border-radius: 16rpx;
		width: 100%;
		padding:22rpx;
		box-sizing: border-box;
		font-size: 26rpx;
		color: rgba(0,0,0,0.8);
		margin-top:30rpx;
	}
	.pipt{
		color: #8E8E93;
	}
	.kh-btn{
		margin-top:20rpx;
		height: 74rpx;
		background: #FFA200;
		border-radius: 16rpx;
		text-align: center;
		line-height: 74rpx;
		font-size: 22rpx;
		color: #FFFFFF;
		width:100%;
	}
}
</style>
